<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>baidu注册帐号</title>
    <link rel="stylesheet" type="text/css" href="css/reg.css"/>
    <script src="js/jquery-1.7.2.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/reg.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>

<!--header开始-->
<div class="header">
    <div>
        <a href="#" class="baidu"></a>
    </div>
    <div>
        <a href="#" class="logo"></a>
    </div>
    <div class="login">
        <span>我已注册，现在就</span>
        <a href="#" class="login_icon">登录</a>
    </div>
    <div class="hr"></div>
</div>
<div id="nav">
    <div class="nav-2">
        <div class="mod-nav clearfix">
            <h1 class="page-type-notab"></h1>
        </div>
    </div>
</div>

<!--header结束-->

<!--content开始-->
<div class="content">
    <div class="reg" style="float: left;margin-top: 40px">
        <form action="http://www.baidu.com" method="post">
            <dl>
                <dt>用户名</dt>
                <dd class="ipt_box">
                    <input id="usr" name="usr" onfocus="checkUser()" type="text" placeholder="请设置用户名"/>
                    <span class="clear"></span>
                </dd>
                <dd class="mes">
                    <div class="tip" id="tipyzm">
                        <div>
                            <div class="error">
                                <span class="error_icon"></span>
                                <span></span>
                            </div>
                </dd>
            </dl>

            <dl>
                <dt>手机号</dt>
                <dd class="ipt_box">
                    <input id="tel" name="tel" onfocus="checkNum()" type="text" placeholder="可用于登录和找回密码"/>
                    <span class="clear"></span>
                </dd>
                <dd class="mes">
                    <div class="tip" id="tipnum"></div>
                    <div class="error">
                        <span class="error_icon"></span>
                        <span></span>
                    </div>
                </dd>
            </dl>


            <dl>
                <dt>密码</dt>
                <dd class="ipt_box">
                    <input id="pwd" name="pwd" type="password" placeholder="请设置登录密码"/>
                    <span class="clear"></span>
                </dd>
                <dd class="mes">
                    <div class="error">
                        <span class="error_icon"></span>
                        <span></span>
                    </div>
                    <ul>
                        <li>
                            <span class="pwd_icon">○</span><span class="pwd_tip">长度为6~14个字符</span>
                        </li>
                        <li>
                            <span class="pwd_icon">○</span><span class="pwd_tip">支持数字、大小写字母和标点符号</span>
                        </li>
                        <li>
                            <span class="pwd_icon">○</span><span class="pwd_tip">不允许有空格</span>
                        </li>
                    </ul>
                </dd>
            </dl>
            <dl>
                <dt>验证码</dt>
                <dd class="ipt_box">
                    <input id="yzm" name="yzm" type="text" placeholder="请输入验证码"/>
                    <span class="clear"></span>
                </dd>
                <dd class="mes">
                    <div class="error">
                        <span class="error_icon"></span>
                        <span></span>
                    </div>
                    <input id="validatema" value="获取短信验证码" type="button">
                </dd>
            </dl>

            <dl>
                <dt></dt>
                <dd class="ipt_box pro">
                    <input id="agree" type="checkbox" checked/>
                    <span>阅读并接受<a href="#">《百度用户协议》</a>及<a href="#">《百度隐私权保护声明》</a> </span>
                </dd>
            </dl>
            <dl>
                <dt></dt>
                <dd>
                    <input class="regBtn" type="button" value="注册"/>
                </dd>
                <dd class="mes">
                    <div class="error agreeErr">
                        <span class="error_icon"></span>
                        <span>您还未接受百度用户协议</span>
                    </div>
                </dd>
            </dl>
        </form>
    </div>

    <div class="right" style="float: right;">

        <!--<h3 class="reg-sms-title">手机快速注册</h3>-->
        <!--<div class="reg-sms-content">-->
        <!--<p class="reg-sms-p reg-sms-p-text">请使用中国大陆手机号，编辑短信：</p>-->
        <!--<p class="reg-sms-p reg-sms-p-warn">6-14位字符（支持数字/字母/符号）</p>-->
        <!--<p class="reg-sms-p reg-sms-p-text">作为登录密码，发送至：</p>-->
        <!--<p class="reg-sms-p reg-sms-p-warn">1069 0691 036590</p>-->
        <!--<p class="reg-sms-p reg-sms-p-last">即可注册成功，手机号即为登录帐号。</p>-->
        <!--<p class="reg-sms-qrcode">-->
        <!--<img src="img/upreg.png" style="width: 168px;height: 168px"><br>-->
        <!--<span>请使用手机百度进行扫码</span>-->
        <!--</p>-->
        <!--</div>-->
        <img src="img/right.png" style="width: 259.6px;height: 410.2px">
    </div>
</div>
</div>
<!--content结束-->

<!--footer开始-->
<div class="footer" style="width: 980px">
    <p>2018 ©baidu</p>
</div>
<!--footer结束-->
</body>
</html>
